<!DOCTYPE html>
<html lang="en">
	<head>

		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Cuisine - Restaurant HTML Template</title>

		<!-- Bootstrap -->
		<link href="css/bootstrap.min.css" rel="stylesheet">
		<!-- Font Awesome -->
		<link href="fonts/font-awesome/css/font-awesome.min.css" rel="stylesheet">
		<!-- Simple-Line-Icons-Webfont -->
		<link href="fonts/Simple-Line-Icons-Webfont/simple-line-icons.css" rel="stylesheet">
		<!-- FlexSlider -->
		<link href="scripts/FlexSlider/flexslider.css" rel="stylesheet">
		<!-- Owl Carousel -->
		<link href="css/owl.carousel.css" rel="stylesheet">
		<link href="css/owl.theme.default.css" rel="stylesheet">
		<!-- Nivo Lightbox -->
		<link href="scripts/Nivo-Lightbox/nivo-lightbox.css" rel="stylesheet">
		<link href="scripts/Nivo-Lightbox/themes/default/default.css" rel="stylesheet">
		<!-- Style.css -->
		<link href="css/style.css" rel="stylesheet">

		<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
		<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
		<!--[if lt IE 9]>
			<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
			<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
		<![endif]-->

	</head>
	<body>

		<div class="responsive-menu">
			<a href="" class="responsive-menu-close"><i class="icon-close"></i></a>
			<nav class="responsive-nav"></nav> <!-- end .responsive-nav -->
		</div> <!-- end .responsive-menu -->
		<header class="header">
			<div class="top">
				<div class="container">
					<div class="left">
						<span>Welcome to our Restaurant</span>
					</div> <!-- end .left -->
					<div class="right">
						<span class="item"><a href="tel:0012345678">00 1234 5678</a></span>
						<span class="item"><a href="mailto:info@tastecousine.com">info@tastecousine.com</a></span>
					</div> <!-- end .right -->
				</div> <!-- end .container -->
			</div> <!-- end .top -->
			<div class="navigation">
				<div class="container clearfix">
					<div class="logo"><a href="index.html"><img src="images/logo.png" alt="Cuisine" class="img-responsive"></a></div> <!-- end .logo -->
					<nav class="main-nav">
						<ul class="list-unstyled">
							<li><a href="index.html">Home</a></li>
							<li>
								<a href="shopgrid.html">Shop</a>
								<ul>
									<li><a href="cart.html">Cart</a></li>
								</ul>
							</li>
							<li>
								<a href="menu.html">Menu</a>
								<ul>
									<li><a href="specialties.html">Specialties</a></li>
									<li><a href="single.html">Single</a></li>
								</ul>
							</li>
							<li>
								<a href="about.html">About Us</a>
								<ul>
									<li><a href="chefs.html">Chefs</a></li>
								</ul>
							</li>
							<li>
								<a href="shortcodes.html">Pages</a>
								<ul>
									<li><a href="shortcodes.html">Shortcodes</a></li>
									<li><a href="events.html">Events</a></li>
									<li><a href="recipe.html">Recipe</a></li>
									<li><a href="recipemain.html">Recipe Main</a></li>
									<li><a href="reservation.html">Reservation</a></li>
								</ul>
							</li>
							<li>
								<a href="blog.html">Blog</a>
								<ul>
									<li><a href="blogpost.html">Blog Post</a></li>
								</ul>
							</li>
							<li><a href="contact.html">Contact</a></li>
						</ul>
					</nav> <!-- end .main-nav -->
					<a href="" class="responsive-menu-open"><i class="fa fa-bars"></i></a>
				</div> <!-- end .container -->
			</div> <!-- end .navigation -->
		</header> <!-- end .header -->

		<div class="page-title" style="background-image: url('images/background01.jpg');">
			<div class="inner">
				<div class="container">
					<div class="row aligned-cols">
						<div class="col-sm-3 aligned-middle">
							<h2>Shortcodes</h2>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-9">
							<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam uptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt.</p>
						</div> <!-- end .col-sm-9 -->
					</div> <!-- end .row -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .page-title -->

		<div class="section white">
			<div class="inner">
				<div class="container">
					<h2>Typography</h2>
					<div class="row">
						<div class="col-sm-12">
							<h5>Full WIdth</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet id erat. Nunc quam nunc, molestie vitae malesuada eu, suscipit id felis. Pellentesque lacinia sodales ultrices. Proin dictum ultrices tristique. Nam nunc sem, aliquet a rhoncus id, hendrerit ut ex. Morbi placerat eros ut lectus luctus pretium. Donec rhoncus ntum. Morbi magna nulla, condimentum sit amet facilisis sed, placerat ac lorem. Morbi nec rhoncus felis, cursus varius nulla. Suspendisse viverra erat.</p>
						</div> <!-- end .col-sm-12 -->
					</div> <!-- end .row -->
					<div class="row">
						<div class="col-sm-6">
							<h5>Half</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet id erat. Nunc quam nunc, molestie vitae malesuada eu, id felis. Pellentesque ultrices. Proin utrices.</p>
						</div> <!-- end .col-sm-6 -->
						<div class="col-sm-6">
							<h5>Half</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet id erat. Nunc quam nunc, molestie vitae malesuada eu, id felis. Pellentesque ultrices. Proin utrices.</p>
						</div> <!-- end .col-sm-6 -->
					</div> <!-- end .row -->
					<div class="row">
						<div class="col-sm-4">
							<h5>One Third</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-4 -->
						<div class="col-sm-4">
							<h5>One Third</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-4 -->
						<div class="col-sm-4">
							<h5>One Third</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-4 -->
					</div> <!-- end .row -->
					<div class="row">
						<div class="col-sm-3">
							<h5>One Quarter</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<h5>One Quarter</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<h5>One Quarter</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-3 -->
						<div class="col-sm-3">
							<h5>One Quarter</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-3 -->
					</div> <!-- end .row -->
					<div class="row">
						<div class="col-sm-8">
							<h5>Two Thirds</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, aliquet id erat. Nunc quam nunc, molestie vitae malesuada eu, suscipit id felis. Pellentesque lacinia sodales ultrices. Proin dictum ultrices tristique. Nam nunc sem, aliquet hendrerit ut ex. Morbi placerat eros ut lectus luctus.</p>
						</div> <!-- end .col-sm-8 -->
						<div class="col-sm-4">
							<h5>One Third</h5>
							<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas imperdiet tempor fermentum. Pellentesque magna nisl, consectetur vel elementum sed, aliquet nounc.</p>
						</div> <!-- end .col-sm-4 -->
					</div> <!-- end .row -->
					<div class="spacer"></div>
					<h2>Menu</h2>
					<div class="row">
						<div class="col-sm-4">
							<div class="menu clearfix">
								<img src="images/menu01.jpg" alt="alt text">
								<div class="content">
									<span class="price">$35</span>
									<h5>Double Grape Martini<span class="label">New</span></h5>
									<p>Hendrick's gin, grapes, cucumber, fresh and pressed apple & lemon juice.</p>
								</div> <!-- end .menu -->
							</div> <!-- end .menu -->
						</div> <!-- end .col-sm-4 -->
						<div class="col-sm-4">
							<div class="menu clearfix">
								<img src="images/menu02.jpg" alt="alt text">
								<div class="content">
									<span class="price">$88</span>
									<h5>Tiramisu A La Cousine</h5>
									<p>Lady finger cookies soaked in coffee and rum, layered between mascarpone.</p>
								</div> <!-- end .menu -->
							</div> <!-- end .menu -->
						</div> <!-- end .col-sm-4 -->
						<div class="col-sm-4">
							<div class="menu clearfix">
								<img src="images/menu03.jpg" alt="alt text">
								<div class="content">
									<span class="price">$62</span>
									<h5>Double Grape Martini</h5>
									<p>Hendrick's gin, grapes, cucumber, fresh and pressed apple & lemon juice.</p>
								</div> <!-- end .menu -->
							</div> <!-- end .menu -->
						</div> <!-- end .col-sm-4 -->
					</div> <!-- end .row -->
					<div class="spacer"></div>
					<h2>Buttons</h2>
					<p class="button-list"><a href="" class="button">Button</a><a href="" class="button icon-right">Button<i class="icon-notebook"></i></a><a href="" class="button double"><span>$0</span><span>Press</span></a><a href="" class="button solid">Button</a><a href="" class="button solid green">Button</a><a href="" class="button solid blue">Button</a><a href="" class="button solid yellow">Button</a><a href="" class="button medium">Button</a><a href="" class="button small">Button</a></p>
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<div class="section small text-center dark transparent parallax" style="background-image: url('images/background02.jpg');">
			<div class="inner">
				<div class="container">
					<div class="call-to-action">
						<h3>Ready to make a reservation?</h3>
						<a href="" class="button solid brown">Book a Table</a>
					</div> <!-- end .call-to-action -->
				</div> <!-- end .container -->
			</div> <!-- end .inner -->
		</div> <!-- end .section -->

		<footer class="footer">
			<div class="container">
				<div class="row">
					<div class="col-sm-3">
						<h6>Address</h6>
						<p>Taste Cuisine Restaurant</p>
						<p>100 Mars Street</p>
						<p>10300 Venus, Milky Way</p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Social Media</h6>
						<p><a href="">Facebook.com/Cuisine</a></p>
						<p><a href="">Instagram.com/Cuisine</a></p>
						<p><a href="">FourSquare.com/Cuisine</a></p>
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Open Hours</h6>
						<div class="row">
							<div class="col-xs-6">
								<p>Monday - Friday</p>
								<p>Saturdays</p>
								<p>Sundays</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>07 - 23</b></p>
								<p><b>07 - 24</b></p>
								<p><b>Closed</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
					<div class="col-sm-3">
						<h6>Contact</h6>
						<p><a href="mailto:info@tastecuisine.com">info@tastecuisine.com</a></p>
						<div class="row">
							<div class="col-xs-6">
								<p>Booking</p>
								<p>Information</p>
							</div> <!-- end .col-xs-6 -->
							<div class="col-xs-6">
								<p><b>00 1234 5678</b></p>
								<p><b>00 2345 6780</b></p>
							</div> <!-- end .col-xs-6 -->
						</div> <!-- end .row -->
					</div> <!-- end .col-sm-3 -->
				</div> <!-- end .row -->
			</div> <!-- end .container -->
		</footer> <!-- end .footer -->

		<!-- jQuery -->
		<script src="js/jquery-1.11.2.min.js"></script>
		<!-- Bootstrap -->
		<script src="js/bootstrap.min.js"></script>
		<!-- google maps -->
		<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
		<!-- FlexSlider -->
		<script src="scripts/FlexSlider/jquery.flexslider-min.js"></script>
		<!-- Owl Carousel -->
		<script src="js/owl.carousel.min.js"></script>
		<!-- Nivo Lightbox -->
		<script src="scripts/Nivo-Lightbox/nivo-lightbox.min.js"></script>
		<!-- Isotope -->
		<script src="js/isotope.pkgd.min.js"></script>
		<script src="js/imagesloaded.pkgd.min.js"></script>
		<!-- Scripts.js -->
		<script src="js/scripts.js"></script>

	</body>
</html>